<template>
  <div id="container"></div>
</template>

<script>
import AMapLoader from "@amap/amap-jsapi-loader";
export default {
  name: "MyTest",
  data() {
    return {
      map: null,
      aa:6
    };
  },
  mounted() {
    this.initMap();
  },
  methods: {
    initMap() {
      AMapLoader.load({ 
        key: "6dc1bf03a707e223396097c4a82f7681", // 申请好的Web端开发者Key，首次调用 load 时必填
        version: "2.0", // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
        plugins: [""], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
      })
        .then((AMap) => {
          this.map = new AMap.Map("container", {
            //设置地图容器id
            enableHighAccuracy: true,
            viewMode: "3D", //是否为3D地图模式
            resizeEnable: true, //是否监控地图容器尺寸变化
            zooms: [4, 18], //设置地图级别范围, //初始化地图层级
            zoom: 11,
            // center: [113.427963, 23.129465], //初始化地图中心点
          });
        //   let mapObj = new AMap.Map("iCenter");
        //   mapObj.plugin("AMap.Geolocation", function () {
        //     let geolocation = new AMap.Geolocation({
        //       enableHighAccuracy: true, //是否使用高精度定位，默认:true
        //       timeout: 10000, //超过10秒后停止定位，默认：无穷大
        //       maximumAge: 0, //定位结果缓存0毫秒，默认：0
        //       convert: true, //自动偏移坐标，偏移后的坐标为高德坐标，默认：true
        //       showButton: true, //显示定位按钮，默认：true
        //       buttonPosition: "LB", //定位按钮停靠位置，默认：'LB'，左下角
        //       buttonOffset: new AMap.Pixel(10, 20), //定位按钮与设置的停靠位置的偏移量，默认：Pixel(10, 20)
        //       showMarker: true, //定位成功后在定位到的位置显示点标记，默认：true
        //       showCircle: true, //定位成功后用圆圈表示定位精度范围，默认：true
        //       panToLocation: true, //定位成功后将定位到的位置作为地图中心点，默认：true
        //       zoomToAccuracy: true, //定位成功后调整地图视野范围使定位位置及精度范围视野内可见，默认：false
        //     });
        //     mapObj.addControl(geolocation);
        //     geolocation.getCurrentPosition();
        //     AMap.event.addListener(geolocation, "complete", onComplete); //返回定位信息
        //     AMap.event.addListener(geolocation, "error", onError); //返回定位出错信息
        //   });
        })
        .catch((e) => {
          console.log(e);
        });
    },
  },
};
</script>

<style>
#container {
  padding: 0px;
  margin: 0px;
  width: 100%;
  height: 100vh;
}
</style>